/** *用户列表*** */
/** *在表格里面定义checkbox*** */
// var checkboxSm = new Ext.grid.CheckboxSelectionModel();
Ext.Loader.setConfig({
			enabled : true
		});
/** *相当于定义一个pacakge*** */
Ext.Loader.setPath('Ext.ux', '/mvn/resources/js/plugs/ext/ux');

Ext.require(['Ext.grid.*', 'Ext.data.*', 'Ext.state.*', 'Ext.form.*',
		'Ext.ux.CheckColumn', 'Ext.layout.container.Fit', 'Ext.toolbar.Paging',
		'Ext.ux.form.SearchField']);
/** **定义一个数据模型，譬如在添加一条数据的时候那些字段需要复制*** */
Ext.define('Employee', {
			extend : 'Ext.data.Model',
			fields : [{
						name : 'id',
						type : 'int'
					}, {
						name : 'account',
						type : 'string'
					}, {
						name : 'name',
						type : 'string'
					}, {
						name : 'remark',
						type : 'string'
					}, {
						name : 'ctime',
						type : 'string'
					}, {
						name : 'txt1',
						type : 'string'
					}]
		});
/** *定义需要显示的列，从JSON中取出的数据那些需要显示***** */
Ext.define('Ecwuum04', {
			extend : 'Ext.data.Model',
			fields : ['id', 'account', 'name', 'remark',
					'ctime', 'txt1'],
			idProperty : 'id'// 实体主键
		});

/** **判断用户状态如果为1则显示活动，否则显示删除*********** */
function change(val) {
	if (val == 1) {
		return '活动';
	} else {
		return '删除';
	}
	return val;
}
/** *grid 插件可以编辑列的插件**** */
var cellEditing = Ext.create('Ext.grid.plugin.CellEditing', {
			clicksToEdit : 1
		});
/** ***定义数据源*** */
var userStore = new Ext.data.Store({
			model : 'Ecwuum04',
			pageSize : 5,
			remoteSort : true,
			proxy : {
				type : 'ajax',
				url : 'userList.do',
				reader : {
					type : 'json',
					root : 'result',
					totalProperty : 'totalCount'
				},
				simpleSortMode : true
			}
		});
/** 加载数据...*** */
userStore.load({
			params : {
				start : 0,
				limit : 5
			}
		});
/** **beforeload***** */
userStore.on('beforeload', function(userStore) {
			Ext.apply(userStore.proxy.extraParams);
		});
var selModel = Ext.create('Ext.selection.CheckboxModel');

/** *搜索条件** */
var searchfieldSet = Ext.create('Ext.form.Panel', {
			frame:true,
			items : [{
						xtype : 'fieldset',
						title : '搜索条件',
						collapsible : true,
						collapsed : false,
						frame:true,
						layout : 'column',
						items : [{
									columnWidth : .25,
									xtype : 'textfield',
									fieldLabel : '账号',
									labelWidth : '30%',
									anchor : '60%',
									name : 'account',
									id:'accountId'
								}, {
									columnWidth : .25,
									xtype : 'textfield',
									fieldLabel : '名字',
									labelWidth : '30%',
									name : 'name',
									id:'nameId'
								},{
									columnWidth : .08,
									xtype:'button',
									text:'查询',
									type:'submit',
									handler : userQuery
								},{
									style:'margin-left:16px;',
									columnWidth : .10,
									xtype:'button',
									text:'取消',
									type:'reset'
								}]
					}]

		});
/** *定义pannel*** */
var userGrid = new Ext.grid.GridPanel({
			id : 'ulist-panel-grid',
			store : userStore,
			selModel : selModel,
			columns : [{
						header : '编号',
						flex : 1,
						editor : {
							xtype : 'numberfield',
							allowBlank : false
						},
						dataIndex : 'id'
					}, {
						header : '账号',
						flex : 1,
						editor : {
							allowBlank : false
						},
						dataIndex : 'account'
					}, {
						header : '名字',
						flex : 1,
						editor : {
							allowBlank : false
						},
						dataIndex : 'name'
					}, {
						header : '创建时间',
						flex : 1,
						editor : {
							allowBlank : false
						},
						dataIndex : 'ctime'
					}, {
						header : '用户备注',
						flex : 1,
						editor : {
							allowBlank : false
						},
						dataIndex : 'remark'
					}, {
						header : '用户状态',
						flex : 1,
						editor : {
							allowBlank : false
						},
						renderer : change,
						dataIndex : 'txt1'
					}],
			plugins : [cellEditing],
			tbar : [{
						text : '增加一个新用户',
						handler : function() {
							// Create a model instance
							var r = Ext.create('Employee', {
										id : 1000,
										account : 'new@sencha-test.com',
										name : '新增的用户名',
										ctime : "为当前时间",
										remark : '不为雄名疏野贱，惟将直气折王侯',
										txt1 : '1'
									});
							userStore.insert(0, r);
							cellEditing.startEditByPosition({
										row : 0,
										column : 0
									});
						}
					},{
						text : 'fff',
						handler : function() {
							var cell = grid.getSelectionModel().getCurrentPosition();
								alert(Ext.JSON.encode(cell));
						}
							
					}],
			bbar : Ext.create('Ext.PagingToolbar', {
						pageSize : 1,
						store : userStore,
						displayInfo : true,
						plugins : Ext.create('Ext.ux.ProgressBarPager', {})
					})
		});
userGrid.on('edit', function(editor, e) {
	alert("fdsfs");
    // commit the changes right after editing finished
    e.record.commit();
});

/** *panel*** */
var ulist_panel = new Ext.Panel({
			id : 'ulist_panel',
			title : '用户列表',
			frame : true,
			fieldDefaults : {
				msgTarget : 'side',
				labelWidth : 75
			},
			defaults : {
				anchor : '100%'
			},
			items : [searchfieldSet, userGrid]
		});
/** *定义一个变量保存这个panel*** */
var p_user = {
	border : false,
	layout : 'border',
	items : [ulist_panel]
}
